CSS Module [TIL] 2020/11/10 react 개발할 때 css 클래스 이름이 겹치면 어디서 겹쳤던지 항상 갑자기 문제를 일으키고는 했는데, 그러한 부분을 일절 발생하지 않게 해주는 모듈을 찾았다 => + 팀 프로젝트를 할 때도 다른 사람과 클래스 이름이 겹치도록 만들어줘도 전혀 오류가 발생하지 않도록 도와준다. CRA(Create React App)에서의 lint 설정 by ESlint => AirBnB 컨벤션 적용하기( )... 깃 커밋 되돌리기git resetESLintTILairbnb conventionCSS Modulecra project settinggit logcra 프로젝트 세팅git commit 되돌리기CSS Module [React] 13. 컴포넌트 스타일링 (2) CSS Module은 CSS를 불러와서 사용할 때 크래스 이름을 고유한 값 형태로 만들어 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지하는 기술이다. src/CSSModule.module.css 파일을 생성하여 다음과 같이 작성했다. 그 후, CSS Module을 사용하는 컴포넌트를 만들기 위해 src/CSSModule.js 파일을 생성하여 다음과 같이 작성했다. 위 코드에서 ES6 문... classnamesstyled componentCSS ModuleSassCSS Module
[TIL] 2020/11/10 react 개발할 때 css 클래스 이름이 겹치면 어디서 겹쳤던지 항상 갑자기 문제를 일으키고는 했는데, 그러한 부분을 일절 발생하지 않게 해주는 모듈을 찾았다 => + 팀 프로젝트를 할 때도 다른 사람과 클래스 이름이 겹치도록 만들어줘도 전혀 오류가 발생하지 않도록 도와준다. CRA(Create React App)에서의 lint 설정 by ESlint => AirBnB 컨벤션 적용하기( )... 깃 커밋 되돌리기git resetESLintTILairbnb conventionCSS Modulecra project settinggit logcra 프로젝트 세팅git commit 되돌리기CSS Module [React] 13. 컴포넌트 스타일링 (2) CSS Module은 CSS를 불러와서 사용할 때 크래스 이름을 고유한 값 형태로 만들어 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지하는 기술이다. src/CSSModule.module.css 파일을 생성하여 다음과 같이 작성했다. 그 후, CSS Module을 사용하는 컴포넌트를 만들기 위해 src/CSSModule.js 파일을 생성하여 다음과 같이 작성했다. 위 코드에서 ES6 문... classnamesstyled componentCSS ModuleSassCSS Module